<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
    <title>基础数据</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
    <link rel="stylesheet" href="${ctxStatic}/css/list.css">
    <%-- <script src="${ctxStatic}/jquery/jquery-1.9.1.min.js"></script> --%>
    <script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
    <script src="${ctxStatic}/js/DateTimePicker.js"></script>
    <script src="${ctxStatic}/js/layer.js"></script>
    <script src="${ctxStatic}/js/style.js"></script>
    <script type="text/javascript">

    $(document).ready(function(){
    	searchListForm();
    	});
    
		// 检索按钮实装方法
		function searchListForm() {
			var sBrandCn = $("#brandCn").val();	
			var sBrandEn = $("#brandEn").val();	
	
			$("#activity_pane").showLoading();
			$.post("${ctx}/customer/brand/searchList?brandCn="+sBrandCn + "&brandEn="+sBrandEn , "", function(result) {
				var listHtml = result["dict"];
				var pageHtml = result["page"];
				$("#listHtml").html(listHtml);
				$("#paging").html(pageHtml);
				$("#activity_pane").hideLoading();
			}, 'json');
		} 
		//重置
		function clean() {
			$("input").val("");
			searchListForm();
		}
		$(document).keydown(function(event){
	    	if(event.keyCode == 13){
	    		searchListForm();
	    	}
	    });
		
		//导入/导出ecxcel
        function importExcel(){
            
            var url="${ctx}/common/importExcel?action=${ctx}/database/message/import&template=${ctx}/database/message/import/template";
            
            popup('400px','230px',url);
        }
    </script>
</head>
<body>
	<div class="listArea" id=activity_pane >
		<form id="searchForm" name="searchForm" method="post">
			<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" />
			<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}" />
			<div class="listBg" >
				<div class="searchArea clearfix">
					<div class="searchLeft clearfix" style="width: calc(100% - 300px);">
						<div class="searchInp clearfix">
						<!-- 品牌中文 -->
						    <p><spring:message code="chinese_brand" /></p>
                            <input class="w-customer"  id="brandCn"  name="brandCn"  >
						</div>
						<!-- 品牌英文 -->
						<div class="searchInp clearfix">
							<p><spring:message code="english_brand" /></p>
                            <input class="w-customer"  id="brandEn"  name="brandEn"  >
						</div>
					
				    </div>
			<div class="searchRight clearfix">
				<!-- 检索 -->
                <button type="button" onclick="searchListForm();"><spring:message code="commom_check" /></button>
                <!-- 重置 -->
                <button type="button" onclick="clean();"><spring:message code="common_reset" /></button>
                <!-- 创建 -->
                <button type="button"  onclick="popup('756px','414px','${ctx}/customer/brand/form')"><spring:message code="common_create" /></button>
            </div>
				</div>
				<div class="tabPadding overflowX">
        			<div class="tableArea tabBoxSm">
            			<div class="tableScrollSm" style="height:700px;overflow: auto;width: 785px;">
						<table cellpadding="0" class="tableHead">
							<thead>
								<tr>
									<th><p class="table-No"><spring:message code="common_no" /></p></th>
									<th><p class="table-rq" style="width:200px;"><spring:message code="chinese_brand" /></p></th>
									<th><p class="table-ygxm"><spring:message code="english_brand" /></p></th>
									<th><p class="table-ygxm"><spring:message code="brand_staus" /></p></th>
									<th><p class="table-ygxm" style="width:120px;"><spring:message code="brand_remarks" /></p></th>
									<th><p class="table-cjz"><spring:message code="brand_create" /></p></th>
									<th><p class="table-rq"><spring:message code="brand_create_date" /></p></th>
								</tr>
							</thead>
						</table>
						<table cellpadding="0" class="tableBody"  style ="width:600px" >
							<tbody  id = "listHtml">
							</tbody>
						</table>
					</div>
				</div>
			</div>
			</div>
			<div id = "paging" ></div>
		</form>
	</div>
</body>
</html>